<template>
	<view class="content">
		<uni-list>
			<uni-list-item title="微信客服: xianhua01" note="服务时间: 9:00~21:00">
				<template #footer>
					<button style="border: none;padding: 0;font-size: 14px;color: #999;" plain @click="copyCode">
						复制微信号
						<uni-icons type="paperclip"></uni-icons>
					</button>
				</template>
			</uni-list-item>
			<uni-list-item title="在线客服" note="服务时间: 9:00~21:00">
				<template #footer>
					<button style="border: none;padding: 0;font-size: 14px;color: #999;" plain open-type="contact">
						立即咨询
						<uni-icons type="chatboxes"></uni-icons>
					</button>
				</template>
			</uni-list-item>
			<uni-list-item title="服务热线" note="服务时间: 9:00~22:00">
				<template #footer>
					<button style="border: none;padding: 0;font-size: 14px;color: #999;" plain @click="call">
						立即拨打
						<uni-icons type="phone"></uni-icons>
					</button>
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script setup>
	const copyCode = () => {
		uni.setClipboardData({
			data: 'xianhua01',
		});
	}

	const call = () => {
		uni.makePhoneCall({
			phoneNumber: '0396-3392994'
		});
	}
</script>

<style scoped lang="scss">
	.content {
		min-height: 100vh;
		background-color: "#F2F6FD";
	}
</style>